<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>收支明细</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/record.css"/>
	</head>
	<body>
		<!--页面开始-->
		<div class="web">
			<!--头部-->
			<header>
				<div class="nav">
					<a href="income.html"><i class="iconfont icon-jiantou-copy"></i></a>
					<h1>收支明细</h1>
					<div class="ge"><i class="iconfont icon-zhuyi"></i></div>
				</div>
			</header>
			<!--头部结束-->
			<!--内容-->
			<div class="content">
				<!--开关-->
				<div class="bg border_bottom_line">
					<ul class="select_wrap">
						<li class="select_one active_select">
							<p>全部</p>
						</li>
						<li class="select_one">
							<p>订单入账</p>
						</li>
						<li class="select_one">
							<p>提现</p>
						</li>
					</ul>
				</div>
				<!--全部-->
				<div class="select_content active">
					<div class="wrap">
						<div class="withdraw_money">
							<p>提现</p>
							<span>- 275.50</span>
						</div>
						<div class="time_wrap">
							<p>2016-03-01  18:06:15</p>
							<span>微信零钱</span>
						</div>
					</div>
					<hr />
					<div class="wrap">
						<div class="withdraw_money">
							<p>订单手续补贴</p>
							<span class="cog">+ 0.10</span>
						</div>
						<div class="time_wrap">
							<p>2016-02-29  17:13:42</p>
							<span>微信支付-代销</span>
						</div>
					</div>
					<hr />
					<div class="wrap">
						<div class="withdraw_money">
							<p>订单入账手续费</p>
							<span>- 0.20</span>
						</div>
						<div class="time_wrap">
							<p>2016-02-29  17:13:42</p>
							<span>微信支付-代销</span>
						</div>
					</div>
					<hr />
					<div class="wrap">
						<div class="withdraw_money">
							<p>收银台</p>
							<span class="cog">+ 10.00</span>
						</div>
						<div class="time_wrap">
							<p>2016-02-29  17:13:42</p>
							<span>微信支付-代销</span>
						</div>
					</div>
					<hr />
				</div>
				<!--订单入账-->
				<div class="select_content">
					<div class="wrap">
						<div class="withdraw_money">
							<p>订单手续补贴</p>
							<span class="cog">+ 0.10</span>
						</div>
						<div class="time_wrap">
							<p>2016-02-29  17:13:42</p>
							<span>微信支付-代销</span>
						</div>
					</div>
					<hr />
					<div class="wrap">
						<div class="withdraw_money">
							<p>订单入账手续费</p>
							<span>- 0.20</span>
						</div>
						<div class="time_wrap">
							<p>2016-02-29  17:13:42</p>
							<span>微信支付-代销</span>
						</div>
					</div>
					<hr />
					<div class="wrap">
						<div class="withdraw_money">
							<p>收银台</p>
							<span class="cog">+ 10.00</span>
						</div>
						<div class="time_wrap">
							<p>2016-02-29  17:13:42</p>
							<span>微信支付-代销</span>
						</div>
					</div>
					<hr />
				</div>
				<!--提现-->
				<div class="select_content">
					<div class="wrap">
						<div class="withdraw_money">
							<p>提现</p>
							<span>-275.50</span>
						</div>
						<div class="time_wrap">
							<p>2016-03-01  18:06:15</p>
							<span>微信零钱</span>
						</div>
					</div>
					<hr />
				</div>
			</div>
		</div>
		<!--结束-->
		<!--收支明细详情-->
		<div class="record_declaration">
			<div class="declaration_content">
				<h3>收支明细说明</h3>
				<div class="details">
					<ol class="wid">
						<li>订单入账: 包含分销商品的订单收入，和微信收款的订单收入。订单在正常结算后，将入账到已结算收入；</li>
						<li>提现: 提现成功到帐后，将显示在账户收支明细中；</li>
					</ol>
				</div>
				<div class="understand">
					<div class="btn">
						<p>我知道了</p>
					</div>
				</div>
			</div>
		</div>
		<!--结束-->
	</body>
</html>
<script type="text/javascript">
	function tabs() {
		var li = document.querySelectorAll("ul li");
		var div = document.querySelectorAll(".select_content");
		for (let i = 0; i < li.length; i++) {
			li[i].addEventListener("click", function() {
				for (var j = 0; j < div.length; j++) {
					div[j].classList.remove("active");
					li[j].classList.remove("active_select");
				}
				div[i].classList.add("active");
				li[i].classList.add("active_select");
			})
		}
	}
	tabs();
</script>